import React, { Component } from 'react';

import BannerSlider from './BannerSlider';
import { Container, Group, Grid, Col} from 'amazeui-touch';


export default class Home extends Component {

    constructor(props) {
        super(props)
    }

    render() {


        return (
            <div id="home">
                <div className='home-banner'>
                    <div className="banner-text">
                        <img src="http://qiniu-dlwww.dlhis.com/hou-mobile-hou-header-logo-01.png" alt=""/>
                    </div>
                    <div className="banner-imgs">

                        <img src="http://qiniu-dlwww.dlhis.com/mobile-hou-web-demo-02.png" alt=""/>
                    </div>
                </div>
                <div className="home-instruction">
                  <div >
                    <Container {...this.props}>
                      <Group>
                        <Grid className="home-boss">
                          <Col cols={2}>
                            <img src="http://qiniu-dlwww.dlhis.com/mobile-boss-yang-02.png" alt=""/>
                            <div className="boss-name">
                              <h5>杨勇捷</h5>
                              <h6>CEO</h6>
                            </div>
                          </Col>
                          <Col cols={2}>
                            <img src="http://qiniu-dlwww.dlhis.com/mobile-boss-zhang.png" alt=""/>
                            <div className="boss-name">
                              <h5>章上峰</h5>
                              <h6>CTO</h6>
                            </div>
                          </Col>
                          <Col cols={2}>
                            <img src="http://qiniu-dlwww.dlhis.com/mobile-boss-song-02.png" alt=""/>
                            <div className="boss-name">
                              <h5>宋宇志</h5>
                              <h6>COO</h6>
                            </div>
                          </Col>
                        </Grid>
                      </Group>
                    </Container>
                  </div>
                  <div className="instruction-content">
                      千只猴成立于2016年，扎根于酒店行业信息化领域已十年整。创始人团队起步于知名传统PMS厂商西软，发力于互联网时代酒店软件创新。
                  </div>
                </div>
                <div className='home-slider'>
                    <BannerSlider />
                </div>
            </div>
        )
    }
};

